<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> 

	<head> 
  
        <title>The Pub</title> 
        
        <meta content="" />
        <link rel="stylesheet" type="text/css" href="./resources/css/frontend.css" media="screen" />
        <style type="text/css">
			body {
				background-color: #FFFFFF;
			}
			
			
			.Titulo {
				color:#FFF;
				font-size:40px;
				text-align:center;
			}
			
			.Cuerpo {
				color:#FFF;
				font-size:20px;
				text-align:justify;
			}
			
			#contenido_pestanas ul {
				list-style: none;
				height: 18px;
			}

			#contenido_pestanas a {
				padding: 5px 20px;
				list-style: none;
			}
			
			#contenido_pestanas a.aqui {
				background-color: #437B27;
				color: #FFFFFF;
			}
			
			#contenido_pestanas div {
				width: 500px;
				padding: 20px;
				vertical-align:top;
				color: #437B27;
			}
			
        </style>
        <link rel="stylesheet" type="text/css" href="resources/css/skin.css"/>
        <script src="./resources/js/jquery-1.6.2.js" type="text/javascript"></script>
        <script type="text/javascript" src="resources/js/jquery.jcarousel.min.js"></script>
        <script type="text/javascript">
		
		function mycarousel_initCallback(carousel)
		{
			// Disable autoscrolling if the user clicks the prev or next button.
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});
		 
			carousel.buttonPrev.bind('click', function() {
				carousel.startAuto(0);
			});
		 
			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, function() {
				carousel.startAuto();
			});
		};
			
		$(document).ready(function(){
			$('#contenido_pestanas div').css('position', 'absolute').not(':first').hide();
			$('#contenido_pestanas ul li:first a').addClass('aqui');
			$('#contenido_pestanas a').click(function(){
			$('#contenido_pestanas a').removeClass('aqui');
			$(this).addClass('aqui');
			$('#contenido_pestanas div').fadeOut(350).filter(this.hash).fadeIn(350);
			return false;
			});
			$('#mycarousel').jcarousel({
				auto: 2,
				wrap: 'circular',
				initCallback: mycarousel_initCallback
			});
		});
        </script>
        
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>

	<body> 
        <div> 
          <ul id="mycarousel" class="jcarousel-skin-tango"> 
                <li><img alt=""  src="resources/img/1.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/2.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/3.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/4.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/5.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/6.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/7.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/8.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/9.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/10.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/11.gif" width="100%" height="100%" /></li>
                <li><img alt=""  src="resources/img/12.gif" width="100%" height="100%" /></li>
          </ul>
		</div>
        <div id="contenido_pestanas" >
        	<table>
                <tr align="left" valign="top">
                    <td align="left" valign="top">
                        <ul>
                            <li><a href="#opcion1" title="Opción 1"><img alt=""  src="resources/img/1.gif" width="100" height="100" /></a></li><br/>
                            <li><a href="#opcion2" title="Opción 2"><img alt=""  src="resources/img/2.gif" width="100" height="100" /></a></li><br/>
                            <li><a href="#opcion3" title="Opción 3"><img alt=""  src="resources/img/3.gif" width="100" height="100" /></a></li><br/>
                            <li><a href="#opcion4" title="Opción 4"><img alt=""  src="resources/img/4.gif" width="100" height="100" /></a></li><br/>
                        </ul>
                    </td>
                    <td align="left">
                        <div id="opcion1">
                            <h3>The Pub</h3>
                            <p>La palabra PUB proviene de Casa Pública o Public House.Los pubs eran originalmente lugares de reunión(Siglo XVII)  y en algún momento alguien comenzo a servir cervezas y licores en la casa pública , dándole mas sabor y convirtiendo los pubs en sitios de reunión para hablar de política , negocios, familia y mucho mas.<br/>Hoy esta tradición hace parte de varias culturas alrededor del mundo y Colombia no podía ser la excepción. Tradición que The Pub  y su gente trajò a  Bogotá, Colombia desde el 2001.</p>
                        </div>
                        <div id="opcion2">
                            <h3>Historia</h3>
                            <p>The Pub abrió sus puertas en agosto de 2001. Ubicado en la ciudad de Bogotá en la Zona Rosa distrito de vida 		nocturna, fue la culminación de una colaboración entre un empresario Colombiano con un amplio conocimiento de las industrias de alimentos y bebidas  y elaboración de cervezas, una talentosa diseñadora de interiores de América de ancestros irlandeses y un Administrador con mucha experiencia en pubs del Reino Unido, nacido de padres Irlandeses.<br/>En el momento no había pubs auténticos en Bogotá y The Pub se convirtió en un éxito inmediato, popular entre los Colombianos y no Colombianos por igual, tanto es así que The Pub fue votado "Mejor Bar de Bogotá" por el periódico más importante de Colombia, El Tiempo, en el primer año. Desde su creación la popularidad  The Pub ha dado lugar a un aumento de cuatro veces en la capacidad y la reciente apertura de otro pub en la zona histórica de Usaquén de Bogotá, que también se hizo inmediatamente popular.<br/>El Pub, en los últimos años, tiene el orgullo de una reputación de buen servicio, buena comida y bebida y un ambiente de pub real insuperable, pero la única manera de estar seguro es que venga y lo compruebe usted mismo! Le garantizamos una cálida bienvenida y un gran momento!</p>
                        </div>
                        <div id="opcion3">
                            <h3>Irlanda</h3>
                            <p>Irlanda (en irlandés: Éire, [ˈeːɾʲə]; en inglés: Ireland) es un país miembro de la Unión Europea, que ocupa la mayor parte de la isla del mismo nombre.<br/>Conserva tres de sus cuatro provincias históricas: Leinster (en irlandés: Laighin), Connacht (en irlandés: Connachta) y Munster (en irlandés: An Mhumhain) siendo el Úlster la cuarta (en irlandés: Cúige Uladh) cuya mayor extensión, conocida como Irlanda del Norte, forma parte del Reino Unido.3 4 Su capital es Dublín (en irlandés: Baile Átha Cliath y en inglés: Dublin). En el año 1949 se declaró el Estado irlandés como la República de Irlanda (en inglés Republic of Ireland, en irlandés Poblacht na hÉireann).</p>
                        </div>
                        <div id="opcion4">
                            <h3>Cerveza</h3>
                            <p>Se denomina cerveza a una bebida alcohólica, no destilada, de sabor amargo que se fabrica con granos de cebada u otros cereales cuyo almidón, una vez modificado, es fermentado en agua y frecuentemente aromatizado con lúpulo.1 2 De ella se conocen múltiples variantes con una amplia gama de matices debidos a las diferentes formas de elaboración y a los ingredientes utilizados. Generalmente presenta un color ambarino con tonos que van del amarillo oro al negro pasando por los marrones rojizos. Se la considera «gaseosa» (contiene CO2 disuelto en saturación que se manifiesta en forma de burbujas a la presión ambiente) y suele estar coronada de una espuma más o menos persistente. Su aspecto puede ser cristalino o turbio. Su graduación alcohólica puede alcanzar hasta cerca de los 30% vol., aunque principalmente se encuentra entre los 3 y los 9% vol.</p>
                        </div>
                  </td>
              </tr>
          </table>
	</div>
</body> 
</html> 

